Une partie importante d'une application de bureau est la possibilité d'afficher des notifications et encore une fois, HTML5 simplifie
cela pour nous.
Désormais, l'affichage des notifications ne doit pas être confondu avec la possibilité de pousser des notifications vers l'application.
C'est un sujet complètement différent et ne concerne pas vraiment l'électronique, mais plutôt notoire.
J'ai lié à certaines bibliothèques de notification push de nœud et des informations dans les ressources réduites.
HDMI cinq notifications nous permet alors simplement de déclencher une notification système.
La principale différence est que lorsqu'il est utilisé dans un navigateur standard, il devra
d'abord obtenir des autorisations pour afficher une telle notification, alors qu'un électron reçoit automatiquement l'autorisation.
Voyons à nouveau un exemple, fonctionnant dans le moteur de rendu car il s'agit d'une API HTML5.
Supprimez cette instruction require appelant une nouvelle notification avec le titre de la notification comme premier argument de
l'application électronique et un objet d'options comme second.
Cela peut prendre un certain nombre d'options, mais pour garder les choses simples, ajoutez un corps qui est
le message principal dans la notification, des informations de notification.
Notez que ce corps de texte est limité à un nombre défini de caractères pour le
système d'exploitation donné, 200 caractères pour les versions plus récentes de Windows et 256 octets pour Mac.
Enregistrez ceci, rechargez l'application et nous l'avons.
Une simple notification avec notre corps de titre et l'icône de l'application.
Dans ce cas, l'icône d'électrons par défaut, le comportement par défaut pour cliquer sur une telle notification étant simplement
de focaliser la fenêtre d'application chargée de l'afficher.
Nous pouvons voir cela en délocalisant l'application, ce qui signifie que nous devrons retarder la notification d'une seconde ou deux
pour le faire.
Ajoutez un délai.
Créer cette même notification à l'intérieur de ce délai après, disons, deux secondes d'économie.
Je rechargerai l'application cette fois et je la détacherai immédiatement en cliquant sur mon bureau, rechargerai sans la concentration.
Cliquez sur la notification et la fenêtre de l'application est focalisée, la notification fournit également plusieurs autres
événements en plus d'un simple gestionnaire de clic, nous pouvons y accéder sur l'instance de notification, alors attribuez sa
valeur de retour à la notification.
Ensuite, pour modifier les notifications, le gestionnaire de clics a déclaré qu'il s'agissait d'une propriété de déconnexion, ce qui en faisait une fonction
avec l'événement de clic comme seul argument, à savoir la déconnexion.
Enregistrez à nouveau.
Recharger, ce qui déclenche la notification.
Cliquez et là, nous voyons l'événement de clic de notifications, qui contient un certain nombre de propriétés très
utiles, comme, par exemple, la possibilité d'empêcher le comportement par défaut de focaliser l'application ou l'horodatage du
clic.
Cette instance de notification fournit également des gestionnaires à l'émission ou non fermés.
Ainsi, ayant accès à l'événement de notification, nous pouvons directement affecter notre application avec eux.
Par exemple, disons que nous voulons réellement afficher la fenêtre de notre application lorsqu'un utilisateur clique sur une notification,
pas simplement la focaliser.
La première chose dont nous aurons besoin est une référence à cette instance de fenêtre de navigateur, la fenêtre principale, que nous pouvons
obtenir à partir du processus principal en utilisant un simple appel ipsi.
Donc, ipsi invoque dans le moteur de rendu et la poignée ipsi dans le processus principal, renvoyant une référence à
cette instance de la fenêtre principale ou, alternativement et légèrement plus facile, nous pouvons utiliser remote.
La solution que vous choisirez dépendra bien sûr de votre application.
Je vais démontrer en utilisant la télécommande.
La première étape consiste donc à activer le module distant pour la fenêtre principale où nous allons l'utiliser, en
définissant sur cette fenêtre où les préférences activent le module distant sur true, ce qui nous permet d'exiger le retour du module distant dans le moteur
de rendu ou la fenêtre principale.
Les égaux à distance de concert nécessitent un électron, puis pour obtenir une référence à cette fenêtre à partir du processus principal,
je vais attribuer à la fenêtre actuelle du doget à distance.
Vérifiez si cette fenêtre est visible, lorsque la notification est cliquée, si elle n'est pas autodidacte, est visible
self étant une instance de fenêtre de navigateur appelez self dot show.
Donc, dès que j'enregistre ces deux fichiers provoquant le rechargement de l'application, je minimise la fenêtre
principale afin de démontrer cette sauvegarde.
Réduisez la fenêtre.
Et lorsque je clique sur la notification, la fenêtre de l'application s'affiche, donc une autre API HTML5 très simple mais puissante
que nous pouvons utiliser dans nos applications électroniques.